<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<title>编辑文章</title>
		<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
		<link rel="stylesheet" href="../lib/layui/css/layui.css">
		<link rel="stylesheet" href="../css/scroll-bar.css">
		<link rel="stylesheet" href="../css/sub-page.css">
		<link rel="stylesheet" href="//at.alicdn.com/t/font_693759_wytlyqhtdtj1nhfr.css">
	</head>

	<body>
		<div class="ok-body">
			<!--面包屑导航区域-->
			<div class="ok-body-breadcrumb">
				<span class="layui-breadcrumb">
                <a><cite>接待页面</cite></a>
                <a><cite>订单预览</cite></a>
				<a><cite>维修计划</cite></a>
            </span>
				<a class="layui-btn layui-btn-small" href="javascript:location.replace(location.href);" title="刷新">
					<i class="layui-icon layui-icon-refresh"></i>
				</a>
			</div>
			<!--form表单-->
			<form class="layui-form ok-form">
				<div class="layui-form-item">
					<label class="layui-form-label">用户信息</label>
					<div class="layui-userinfo">
						<table>
							<tr>
								<td>编号</td>
								<td>123</td>
							</tr>
							<tr>
								<td>姓名</td>
								<td>我</td>
							</tr>
							<tr>
								<td>车牌号</td>
								<td>川A 66666</td>
							</tr>
							<tr>
								<td>电话号码</td>
								<td>12345678978</td>
							</tr>
							<tr>
								<td>下单时间</td>
								<td>2018-5-24 00:00:00</td>
							</tr>

						</table>
					</div>
				</div>
				<div class="layui-form-item layui-form-text">
					<label class="layui-form-label">维修计划</label>
					<div class="layui-input-block">
						<table id="tian">
							<tr>
								<td>1.</td>
								<td><input id="1"type="text" class="layui-input" /></td>
							</tr>
							<tr>
								<td>2.</td>
								<td><input id="2"  type="text" class="layui-input" /></td>
							</tr>
						</table>
						<input id="del" type="button" class="layui-icon layui-del color"value="&#x1006;删除最后一行"/><br />
						<input type="button" class="layui-icon layui-jia" value="&#xe654;" id="add" />
					</div>
				</div>
				<div class="layui-form-item">
					<div class="layui-input-block">
						<button class="layui-btn" lay-submit lay-filter="edit">立即提交</button>
						<button type="reset" class="layui-btn layui-btn-primary">重置</button>
					</div>
				</div>
			</form>
		</div>
		<!--js逻辑-->
		<script src="../lib/layui/layui.js"></script>
		<script>
			layui.use(['element', 'form', 'jquery', 'laydate'], function() {
				var element = layui.element;
				var table = layui.table;
				var form = layui.form;
				var $ = layui.jquery;
				var laydate = layui.laydate;

				form.verify({
					birthdayVerify: [/^((((1[6-9]|[2-9]\d)\d{2})-(0?[13578]|1[02])-(0?[1-9]|[12]\d|3[01]))|(((1[6-9]|[2-9]\d)\d{2})-(0?[13456789]|1[012])-(0?[1-9]|[12]\d|30))|(((1[6-9]|[2-9]\d)\d{2})-0?2-(0?[1-9]|1\d|2[0-8]))|(((1[6-9]|[2-9]\d)(0[48]|[2468][048]|[13579][26])|((16|[2468][048]|[3579][26])00))-0?2-29-))(\s(([01]\d{1})|(2[0123])):([0-5]\d):([0-5]\d))?$/, '日期格式不正确']
				});
				form.on('submit(edit)', function(data) {
					console.log(data.field);
					layer.msg("编辑成功！", {
						icon: 6,
						time: 1000,
						anim: 4
					}, function() {
						parent.layer.close(parent.layer.getFrameIndex(window.name));
					});
					
					return false;
				});
				
				//自己写的
				$("#add").click(function(){
					 var inputArray=$("input[type=text]");
					 var id;
		
					for(var i = 0; i < inputArray.length; i++) { //循环整个input数组
						var input = inputArray[i]; //取到每一个input
						 id= parseInt(input.id);
					}
					id++;
					$("table[id=tian]").append("<tr><td>"+id+".</td><td><input class='layui-input' id='"+id+"' type='text' /></td></tr>");
				})
				
				$("#del").click(function(){
					 var trArray=$("table[id=tian]").find("tr");
					 var index;
					for(var i = 0; i < trArray.length; i++) { //循环整个tr数组
						
						index=i;
					}
					if(index==0){
							index=1;
						}
					$("table[id=tian] tr:eq("+index+")").remove();
				
				}
			)	
				
			})
		</script>
	</body>

</html>